<!DOCTYPE html>
<html>
<head>
	<title>Example</title>
	<style type="text/css"> /* internal CSS */
		li {color: green;}     
	</style>
	<!-- external CSS -->
	<link rel="styleSheet" hRef="test.css"></link>
</head>
<body>
	<h1>Importing CSS 2.1 For Use In Wolfram Desktop</h1>
	<h2 style='color:red'>Created by anon.</h2>
	<h3>What is CSS?</h3>
	<p>Quoting from the <a href="https://www.w3.org/TR/2011/REC-CSS2-20110607/">Cascading Style Sheet 2.1 specification</a>: "CSS 2.1 is a style sheet language that allows authors and users to attach style (e.g., fonts and spacing) to structured documents (e.g., HTML documents and XML applications)."</p>
	<h3>How are WD notebooks styled?</h3>
	<p>Notebooks consist of a vertical arrangement of cells, wherein each cell can contain boxes or other inline cells. The Wolfram Desktop has its own implementation of cascading styles. They are similar to CSS, but details like inheritance and style-targeting differ. Moreover the style property names have slightly different meanings in a few cases.</p>
	<h3 Style="color:lightgreen">Why import CSS into WD?</h3>
	<p>If you see a style in use on a website, wouldn't it be nice to implement that style within WD? Other reasons that come to mind:</p>
	<style type="text/css"> /* oddly placed internal CSS */
		li {
  			list-style: square;
  			color: white;
  		}     
	</style>
	<ul>
		<li>WD and HTML both arrange "boxes" on the screen so the language is similar.</li>
		<li>Even though style names differ, there is greater than 50% overlap in style types.</li>
		<li>A lot of effort goes into making effective style choices; an importer can speed up style transfer.</li>
	</ul>
</body>
</html>